<template>
    <el-card class="box-card">
        <div slot="header" class="clearfix">
            <el-breadcrumb separator="/" class="breadcrumb">
                <el-breadcrumb-item :to="{ path: '/' }"
                    >首页</el-breadcrumb-item
                >
                <el-breadcrumb-item>产品管理</el-breadcrumb-item>
                <el-breadcrumb-item>定期管理</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div>
            <el-input
                placeholder="请输入搜索内容"
                v-model="input"
                clearable
                class="input-1"
            >
            </el-input>
            <el-button
                icon="el-icon-search"
                @click="search"
                type="primary"
                style="margin-left: 20px"
                >搜索</el-button
            >
            <el-button
                type="primary"
                icon="el-icon-plus"
                @click="dialogFormVisible = true"
                >新增</el-button
            >
        </div>
        <div style="padding-top: 30px">
            <el-table :data="tableData" stripe border style="width: 100%">
                <el-table-column prop="date" label="日期" width="180">
                </el-table-column>
                <el-table-column prop="name" label="姓名" width="180">
                </el-table-column>
                <el-table-column prop="address" label="地址"> </el-table-column>
            </el-table>
        </div>
    </el-card>
</template>

<script>
export default {
    data() {
        return {
          tableData:[],
          input:'',
        };
    },
    mounted(){
        this.getRegular();
    },
    methods:{
       async getRegular(){
           const res = await this.$http.regular.getRegular();
           console.log(res);
       },
       search(){

       },

    }
};
</script>

<style lang="scss" scoped>
.input-1 {
    width: 300px;
}
</style>